﻿<UserControl x:Class="DiamondDash.Views.ToolSelector"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    FontFamily="{StaticResource PhoneFontFamilyNormal}"
    FontSize="{StaticResource PhoneFontSizeNormal}"
    Foreground="{StaticResource PhoneForegroundBrush}"
    Height="118" Width="436">
	<UserControl.Resources>
		<Style x:Key="ButtonStyleAdd" TargetType="Button">
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="Button">
						<Grid>
							<VisualStateManager.VisualStateGroups>
								<VisualStateGroup x:Name="CommonStates">
									<VisualState x:Name="Pressed">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FFFFD100" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="ellipse" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFFF8000" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="ellipse" d:IsOptimized="True"/>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="Normal"/>
									<VisualState x:Name="Disabled">
										<Storyboard>
											<ColorAnimation Duration="0" To="#FF7E7E7E" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)" Storyboard.TargetName="ellipse" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FF515151" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)" Storyboard.TargetName="ellipse" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFCFCFCF" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="rectangle" d:IsOptimized="True"/>
											<ColorAnimation Duration="0" To="#FFCFCFCF" Storyboard.TargetProperty="(Shape.Fill).(SolidColorBrush.Color)" Storyboard.TargetName="rectangle1" d:IsOptimized="True"/>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke)" Storyboard.TargetName="rectangle">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{x:Null}"/>
											</ObjectAnimationUsingKeyFrames>
											<ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="(Shape.Stroke)" Storyboard.TargetName="rectangle1">
												<DiscreteObjectKeyFrame KeyTime="0" Value="{x:Null}"/>
											</ObjectAnimationUsingKeyFrames>
										</Storyboard>
									</VisualState>
									<VisualState x:Name="MouseOver"/>
								</VisualStateGroup>
								<VisualStateGroup x:Name="FocusStates">
									<VisualState x:Name="Focused"/>
								</VisualStateGroup>
							</VisualStateManager.VisualStateGroups>
							<Ellipse x:Name="ellipse" Width="75" VerticalAlignment="Top" Stroke="Black" Height="75" HorizontalAlignment="Left">
								<Ellipse.Fill>
									<RadialGradientBrush>
										<GradientStop Color="#FF003AFF" Offset="0.822"/>
										<GradientStop Color="#FF00C5FF" Offset="1"/>
									</RadialGradientBrush>
								</Ellipse.Fill>
							</Ellipse>
							<Rectangle x:Name="rectangle" Width="10" VerticalAlignment="Center" Stroke="White" Height="40" HorizontalAlignment="Center" Fill="White"/>
							<Rectangle x:Name="rectangle1" d:LayoutRounding="Auto" Width="10" VerticalAlignment="Center" UseLayoutRounding="False" Stroke="White" RenderTransformOrigin="0.5,0.5" Height="40" HorizontalAlignment="Center" Fill="White">
								<Rectangle.RenderTransform>
									<CompositeTransform Rotation="90"/>
								</Rectangle.RenderTransform>
							</Rectangle>
						</Grid>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>
    
    <Grid x:Name="LayoutRoot">
    	<Grid.ColumnDefinitions>
    		<ColumnDefinition Width="5*"/>
    		<ColumnDefinition Width="51*"/>
    		<ColumnDefinition Width="162*"/>
    	</Grid.ColumnDefinitions>
    	<Image Source="/Images/ToolSelector.png" Stretch="Fill" Grid.ColumnSpan="3"/>
    	<Image x:Name="imgTool" Source="/Images/1_029.png" Stretch="Fill" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Width="75" Height="75"/>
    	<Border x:Name="bdrCount" BorderBrush="#FFE6E6E6" BorderThickness="2" HorizontalAlignment="Left" Height="43" VerticalAlignment="Top" Width="43" CornerRadius="5" Grid.ColumnSpan="2">
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FFCF1717" Offset="0"/>
    				<GradientStop Color="#FFF7000B" Offset="1"/>
    			</LinearGradientBrush>
    		</Border.Background>
    		<Grid>
    			<TextBlock x:Name="txtCount" HorizontalAlignment="Center" TextWrapping="Wrap" Text="1" VerticalAlignment="Center" FontSize="26.667" FontFamily="Segoe WP Black" Foreground="White"/>
    		</Grid>
    	</Border>
    	<Border x:Name="bdrLock" BorderBrush="#FFE6E6E6" BorderThickness="2" HorizontalAlignment="Left" Height="43" VerticalAlignment="Top" Width="43" CornerRadius="5" Grid.ColumnSpan="2">
    		<Border.Background>
    			<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
    				<GradientStop Color="#FFEEEEEE" Offset="0"/>
    				<GradientStop Color="#FFF3F3F3" Offset="1"/>
    			</LinearGradientBrush>
    		</Border.Background>
    		<Grid>
    			<Image Source="/Images/lock.png" Stretch="Fill" Width="24" Height="24" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    		</Grid>
    	</Border>
    	<TextBlock HorizontalAlignment="Left" Margin="11,12,0,0" TextWrapping="Wrap" Text="{Binding Text, ElementName=txtToolName}" VerticalAlignment="Top" FontFamily="Segoe WP Black" FontSize="29.333" Foreground="Black" RenderTransformOrigin="0.5,0.5" Grid.Column="2">
    		<TextBlock.RenderTransform>
    			<CompositeTransform TranslateX="2" TranslateY="2"/>
    		</TextBlock.RenderTransform>
    	</TextBlock>
    	<TextBlock x:Name="txtToolName" HorizontalAlignment="Left" Margin="11,12,0,0" TextWrapping="Wrap" Text="SUPER BOMB" VerticalAlignment="Top" FontFamily="Segoe WP Black" FontSize="29.333" Foreground="White" Grid.Column="2"/>
    	<TextBlock HorizontalAlignment="Left" Margin="66,61,0,0" TextWrapping="Wrap" Text="{Binding Text, ElementName=txtCoin}" VerticalAlignment="Top" FontFamily="Segoe WP Black" FontSize="29.333" Foreground="Black" RenderTransformOrigin="0.5,0.5" Grid.Column="2">
    		<TextBlock.RenderTransform>
    			<CompositeTransform TranslateX="2" TranslateY="2"/>
    		</TextBlock.RenderTransform>
    	</TextBlock>
    	<TextBlock x:Name="txtCoin" HorizontalAlignment="Left" Margin="66,61,0,0" TextWrapping="Wrap" Text="400" VerticalAlignment="Top" FontFamily="Segoe WP Black" FontSize="29.333" Foreground="White" Grid.Column="2"/>
    	<Button x:Name="btnAdd" Content="Button" Margin="228,20,21,23" Style="{StaticResource ButtonStyleAdd}" Grid.Column="2"/>

    </Grid>
</UserControl>